import { View, Image } from '@tarojs/components';
import classname from 'classnames';
import bgIcon from '@/assets/images/miaosha/bg.png';
import './index.scss';

export default function ({ current, onChange }) {
  return (
    <View className="miaosha-header">
      <Image className="bg-img" src={bgIcon} />
      <View className="tab-list">
        <View
          className={classname('tab-item', current === 0 && 'active')}
          onClick={() => onChange(0)}
        >
          <View className="tab-title">开抢中</View>
          {/* <View className="tab-time">12:00场</View> */}
        </View>
        {/* <View
          className={classname('tab-item', current === 1 && 'active')}
          onClick={() => onChange(1)}
        >
          <View className="tab-title">即将开抢</View>
          <View className="tab-time">13:00场</View>
        </View> */}
      </View>
    </View>
  );
}
